<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head><title>IGNORED</title></h:head>

<h:body>
	<h1>Hello home.</h1>
	
	<ui:composition template="/WEB-INF/templates/MainLayout.xhtml">
	<ui:define name="windowTitle">Paciente</ui:define>
	<ui:define name="content">
	
	<f:event type="preRenderView" listener="#{pacienteBean.clear}" />
	<f:view contentType="text/html">
	<div style="margin-left: 5em;margin-top: 3em;">
		<h:panelGrid columns="2">
			<h:graphicImage value="/resources/gfx/iconos/terapeutas128.png" width="40px" height="40px"/>
			<h:outputText value="Lista de Paciente" style="font-weight: bold; font-size: large;"/>
		</h:panelGrid>
		<h:form>
		  <p:panel style="width: 700px">
			 <table style="width: 100%">
				<tr>
					<td valign="top">
						<h:column>
							<p:button value="Nuevo Paciente" outcome="create_paciente.xhtml"  />
						</h:column>
					</td>
					<td valign="top">
						<p:dataTable var="persona" value="#{pacienteBean.pacList}">
						    <p:column headerText="ID">
					            <h:outputText value="#{persona.id}" />
					        </p:column>
					        
					        <p:column headerText="Nombre">
					            <h:outputText value="#{persona.nombre}" />
					        </p:column>
					
					        <p:column headerText="Apellido">
					            <h:outputText value="#{persona.apellidoMaterno} #{persona.apellidoPaterno}" />
					        </p:column>
					       
					        <p:column headerText="Telefono">
					            <h:outputText value="#{persona.telefono}" />
					        </p:column>
					        
					        <p:column style="width: 5em;">
								<p:commandLink   image="ui-icon ui-icon-open" 
												 action="#{pacienteBean.edit(persona)}"
												 ajax="false">
										<h:graphicImage value="/resources/gfx/iconos/edit.gif" alt="edit" />
								</p:commandLink>
							
								<p:commandLink   onclick="if (! confirm('Realmente requiere eliminar este registro, #{persona.nombre} #{persona.apellidoMaterno} #{persona.apellidoPaterno}?')) return false"
												 image="ui-icon ui-icon-delete" style="padding-left: 10px"
												 action="#{pacienteBean.delete(persona)}"
												 ajax="false">
										<h:graphicImage value="/resources/gfx/iconos/delete.gif" alt="delete" />
								</p:commandLink>
							</p:column>
					        
					    </p:dataTable>
					</td>
				</tr>
			  </table>
		    </p:panel>
		 </h:form>
	</div>
	</f:view>

	</ui:define>
</ui:composition>
</h:body>
</html>
